<template xmlns:background-color="http://www.w3.org/1999/xhtml">
  <div>
    <a-row :gutter="10" type='flex'>
      <!-- <a-col :span="5">
        <a-card  style="height: 1280px; margin-top: 10px; border-radius: 12px;">
          <DeviceOrgTree v-has="'user:statisorg'" ref="devOrgTree" @changeSelect="onSelectChange"></DeviceOrgTree>
          <DeviceOrgTreeSysAdmin v-has="'user:statisadmin'" ref="devOrgTree" @changeSelect="onSelectChange"></DeviceOrgTreeSysAdmin>
        </a-card>
      </a-col> -->
      <a-col :span="24">
          <DeviceStatistic ref="devStatistics"></DeviceStatistic>
      </a-col>
    </a-row>
  </div>
</template>
<script>

import DeviceOrgTree from './modules/DeviceOrganizeTree'
import DeviceOrgTreeSysAdmin from './modules/DeviceOrganizeTreeSysAdmin'
import DeviceStatistic from './modules/DeviceStatistic'


export default {
  name: 'DeviceMng',
  mixins: [],
  components: {
    DeviceOrgTree,
    DeviceStatistic,
    DeviceOrgTreeSysAdmin
  },
  data() {
    return {
      selDevice: { id: 0 },
      orgCategoryDisabled: false,
      colHeight: "",
    }
  },

  computed: {

  },

  methods: {
    onSelectChange(_data) {
      let data = {}
      data.orgCode = _data;
      this.$refs.devStatistics.loadData(data);
    }
  },

  created() {
    // let data = {}
    // data.orgCode = "A01";
    // this.$refs.devStatistics.loadData(data);
  },

  beforeDestroy() {

  },

  watch: {
    
  }
}
</script>
<style scoped>


#app .desktop {
  height: auto !important;
}

/** Button按钮间距 */
.ant-btn {
  margin-left: 3px;
}

</style>